<!--
 * @Author: your name
 * @Date: 2021-05-25 08:24:25
 * @LastEditTime: 2021-05-25 09:16:07
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \5.25\logo\src\views\First.vue
-->
<template>
  <div class="first">
      <div class="left">
        <router-link to="/Department">部门管理</router-link>
        <router-link to="/Section">成员管理</router-link>
        <router-link to="/Service">客服管理</router-link>
        <router-link to="/Operation">操作日志</router-link>
        <router-link to="/Database">数据库管理</router-link>
        <router-link to="/My">我的</router-link>
      </div>
      <div class="right">
        <router-view></router-view>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
  *{
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
  }
  .first{
    width: 1500px;
    height: 800px;
    display: flex;
    border: 3px dashed #e6e6e6;
    margin: 15px auto;
  }
  .left{
    width: 200px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 100px;
    border-right: 3px dashed #ccc;
  }
  .right{
    width: 1300px;
    height: 100%;
  }
</style>